<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单学习</title>
</head>
<!-- css 样式表 -->
<style>
    input {
        font-size: 30px;
        color: brown;
    }


    span,img div {
        color: chartreuse;
        width: 50px;
    }

    img {
        width: 100px;
        border: radius 100px;
        ;
    }

    .kehu {
       border-radius: 30px;
       rotate: 30deg; 
    }
    form{
      background-image: linear-gradient(to top, #0250c5 0%, #d43f8d 100%);;
}
    img:hover {
        width: 10%
    }
</style>



<body style="font-size: 40px;">

    <br>
    <br> 
        
    <form action="" style="border: 1px solid rgb(238, 0, 255); padding: 50px; border-radius: 10px;">
<img class="kehu" src="4d3e9e0f5eac389a012a71ae4617a2aa7c6f067ceb1eb2bd.WEBP" alt="">
        <img src="4d3e9e0f5eac389a012a71ae4617a2aa7c6f067ceb1eb2bd.WEBP" alt="">
        <img class="kehu" src="4d3e9e0f5eac389a012a71ae4617a2aa7c6f067ceb1eb2bd.WEBP" alt="">
        <img src="4d3e9e0f5eac389a012a71ae4617a2aa7c6f067ceb1eb2bd.WEBP" alt="">
        <img class="kehu" src="4d3e9e0f5eac389a012a71ae4617a2aa7c6f067ceb1eb2bd.WEBP" alt="">
       <br>

        用户名： <input type="text" placeholder="让我们说中文"><br>
        密码： <input type="password" placeholder="输入密码">
        <br>爱好：
        <input type="checkbox" name="" value="游泳" id="">游泳
        <input type="checkbox" name="" value="游戏" id="">游戏
        <input type="checkbox" name="" value="赚钱" id="">赚钱
        <input type="checkbox" name="" value="登山" id="">登山
        <br>性别:
        <input type="radio" name="sex" id="" value="男">男
        <input type="radio" name="sex" id="" checked value="女">女
        <input type="radio" name="sex" id="" value="武装直升机">武装直升机

        <br>生日：
        <input type="date" name="" id="">
        <input type="datetime-local" name="" id="">

        <br>邮箱：<input type="email" name="" id="" placeholder="输入邮箱格式">
        <br>上传头像：<input type="file" name="" id="">
        <br>存款：<input type="number" name="" id="" step="10" placeholder="请填入整数">
        <br>籍贯：<select name="" id="">
            <option value="四川">四川</option>
            <option value="北京">北京</option>
            <option value="贵州">贵州</option>
            <option value="上海">上海</option>
            <option value="深圳">深圳</option>
            <option value="广州">广州</option>
            <option value="杭州">杭州</option>
            <option value="西安">西安</option>
            <option value="南京">南京</option>
            <option value="武汉">武汉</option>
            <option value="重庆">重庆</option>
            <option value="国外">国外</option>
        </select>
        <br>
        <textarea name="" rows="5" cols="50" id=""></textarea>
        <br>
        <input type="button" value="登录" title="login" onclick="window.location.href='主页面.html'">
        <input type="reset" value="重置">
        <input type="button" value="注册" title="给新用户注册用的" onclick="window.location.href=location.href='注册.html'"><br>
        你喜欢的颜色<input type="color" name="" id="">
    </form>
</body>

</html>